{layout:main}
<div class="banner-bg" style="background-image:url({$cat.image});">

</div>
<div class="container">
    <div class="path">
            当前位置: 
        <ul><li><a href="">首页</a></li>{location:}
        </ul>
    </div>

    <div class="row">
        <div class="col-md-3">
            <ul class="tree-box">
                <li>
                    <a href="{url:./}">返回所有应用</a>
                </li>
                {channels:parent=10 tree=1}
                <li class="{channelActive:$channel.id,true}">
                    <a href="{url:./category/list?id=:$channel.id}">{$channel.title}</a>
                    {if:isset($channel.children)}
                    <ul class="sub-menu">
                        {for:$channel.children,$item}
                        <li>
                            <a href="{url:./category/list?id=:$item.id}">{$item.title}</a>
                        </li>
                        {/for}
                    </ul>
                    {/if}
                </li>
                
                {/channels}
            </ul>
        </div>
        <div class="col-md-9">
            <div class="panel">
                <div class="panel-header">
                    {$cat.description}</small>
                </div>
                <div class="panel-body">
                    <div class="row">
                        {for:$page,$item}
                        <div class="col-md-4 item">
                            <div class="thumb">
                                <img  class="lazy" src="/assets/images/thumb.jpg" data-src="{$item.thumb}" alt="{$item.title}">
                            </div>
                            <div class="info">
                                <div class="title">
                                        <a href="{url:$item}">{$item.title}</a>
                                </div>
                                <div class="desc">
                                    {$item.description}
                                </div>
                            </div>
                        </div>
                        {/for}
                    </div>
                </div>
            </div>
            {$page.getLink:}
        </div>
    </div>
    
</div>